<template>
  <div id='tmpl'>
      <ul class="mui-table-view">
				<li class="mui-table-view-cell mui-media" v-for='(item,index) in list'>
					<router-link v-bind="{to:'/newsinfo/'+item.id}">
						<img class="mui-media-object mui-pull-left" v-bind:src="item.img_url">
						<div class="mui-media-body">
                            <p class='mui-ellipsis current'>{{item.title}}</p>
							<p class='mui-ellipsis'>{{item.zhaiyao}}</p>
                            <div class='ft'>
                                <span>{{item.add_time | datefmt('YYYY-MM-DD')}}</span>
                                <span class='click'>点击数:{{item.click}}</span>
                            </div>
						</div>
					</router-link>
				</li>
			</ul>
  </div>
</template>
<script>
import { Toast } from 'mint-ui';
export default {
  name: "newslist",
  data () {
    return {
        list:[]
    }
  },
  created(){
      this.getNews()
  },
  methods:{
      getNews(){
          var url= this.common.domain+'/api/getnewslist';
          this.$http.get(url).then(function(res){
              var data=res.body;
              if(data.status!=0){
                  Toast(data.message);
                  return
              }
              this.list=data.message
          })
      }
  }
}
</script>
<style lang="css" scoped>
.mui-table-view img{
 	height:80px;
 	width:80px;
 }
 .mui-media-body .current{
    font-size: 16px;

 }
 

 .mui-table-view .mui-media-object{
	 max-width: 80px;
	 line-height: 80px;
 }

.ft{
	margin-top: 1.5em;
	font-size: 14px;
	color:#0094ff;
}

 .ft .click{
	 margin-left: 20px;
 }
</style>